.skeleton-container {
  z-index: 9999;
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background-color: #fff;
}

.skeleton {
  z-index: 99;
  top: 0;

  .header-bar {
    display: flex;
    align-items: center;
    padding: 0 20rpx;
  }

  .search {
    width: 100%;
    border-radius: 50rpx;
    background-color: var(--color-skeleton);
  }

  .swiper {
    margin: 20rpx;
    height: 380rpx;
    border-radius: 6rpx;
    background-color: var(--color-skeleton);
  }

  .menu {
    display: flex;
    justify-content: space-around;
    margin: 40rpx 20rpx 30rpx;
    padding: 20rpx;
    height: 160rpx;

    .menu-item {
      width: 80rpx;

      .menu-icon {
        width: 80rpx;
        height: 80rpx;
        border-radius: 6rpx;
        background-color: var(--color-skeleton);
      }

      .menu-name {
        margin-top: 20rpx;
        width: 80rpx;
        height: 20rpx;
        background-color: var(--color-skeleton);
      }
    }
  }

  .panel {
    margin: 55rpx 20rpx 30rpx;
    background-color: #fff;

    .panel-title {
      margin: 25rpx 20rpx 25rpx;
      height: 32rpx;
      background-color: var(--color-skeleton);
      width: 26%;
    }

    .panel-content {
      white-space: nowrap;
      margin-left: 20rpx;

      .row-item {
        display: inline-block;
        margin-right: 16rpx;
        width: 188rpx;

        .row-poster {
          width: 100%;
          height: 268rpx;
          border-radius: 6rpx;
          background-color: var(--color-skeleton);
        }

        .row-name {
          margin: 16rpx 0;
          height: 24rpx;
          background-color: var(--color-skeleton);
        }
      }
    }
  }
}